<template>
  <el-drawer
    direction="ttb"
    :title="'房屋信息'"
    :close-on-click-modal="false"
    :visible.sync="visible"  width="100%" size="50%">
   

    <el-table
      :data="houselist"
      border
    
      v-loading="dataListLoading"
      style="width: 100%;">

      <el-table-column
        prop="realtyunitno"
        header-align="center"
        align="center"
        label="不动产单元号">
      </el-table-column>
      <el-table-column
        prop="fno"
        header-align="center"
        align="center"
        label="楼层">
      </el-table-column>
      <el-table-column
        prop="hno"
        header-align="center"
        align="center"
        label="栋号">
      </el-table-column>
      <el-table-column
        prop="area"
        header-align="center"
        align="center"
        label="房屋区域">
      </el-table-column>
      <el-table-column
        prop="rno"
        header-align="center"
        align="center"
        label="房号">
      </el-table-column>
      <el-table-column
        prop="saddno"
        header-align="center"
        align="center"
        label="附号">
      </el-table-column>
      <el-table-column
        prop="sno"
        header-align="center"
        align="center"
        label="门牌">
      </el-table-column>
      <el-table-column
        prop="street"
        header-align="center"
        align="center"
        label="街道">
      </el-table-column>
      <el-table-column
        prop="tableid"
        header-align="center"
        align="center"
        label="房屋唯一号">
      </el-table-column>
      <el-table-column
        prop="uno"
        header-align="center"
        align="center"
        label="单元号">
      </el-table-column>
      <el-table-column
        prop="fwyt"
        header-align="center"
        align="center"
        label="房屋用途">
      </el-table-column>
      <el-table-column
        prop="jzmj"
        header-align="center"
        align="center"
        label="建筑面积">
      </el-table-column>
      <el-table-column
        prop="djzl"
        header-align="center"
        align="center"
        label="登记坐落">
      </el-table-column>

    </el-table>


    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">关闭</el-button>
    </span>
  </el-drawer>
</template>

<script>
  export default {
    data () {
      return {
        visible: false,
        houselist: [],
        dataListLoading: false
      }
    },
    methods: {
      init (seqno, id) {
        this.dataListLoading = true;
        this.visible = true
        this.$nextTick(() => {

  
            this.$http({
              url: this.$http.adornUrl(`/bdc/bdccontract/houselist`),
              method: 'post',
              data: this.$http.adornData({
                  'seqno': seqno,
                  'id': id
              })
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.houselist = data.houseList
                this.dataListLoading = false;
              }
            })
          
        })
      }
     
     
    }
  }
</script>
